<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>yonghe</title>
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>

<div class="container-fluid">

	<div class="app-title">
		<div>
			<h1><i class="fa fa-circle-o"></i> 订单详细</h1>
		</div>
		<ul class="app-breadcrumb breadcrumb">
			<li class="breadcrumb-item"><a href="welcome.html">首页</a></li>
			<li class="breadcrumb-item"><a href="order_list.html">订单管理</a></li>
			<li class="breadcrumb-item active">订单详细</li>
		</ul>
	</div>

	<div class="tile">

		<p>订单信息</p>

		<table class="table table-bordered">
			<tr>
				<td class="tlabel" width="15%">订单号</td>
				<td>P001</td>
				<td class="tlabel" width="15%">订单状态</td>
				<td>已结账</td>
			</tr>
			<tr>
				<td class="tlabel">所属门店</td>
				<td>永和大王</td>
				<td class="tlabel">收银员</td>
				<td>蛋蛋</td>
			</tr>
			<tr>
				<td class="tlabel">用餐类型</td>
				<td>堂食</td>
				<td class="tlabel">用餐人数</td>
				<td>2</td>
			</tr>
			<tr>
				<td class="tlabel">下单时间</td>
				<td>2018-04-26 14:49:07</td>
				<td class="tlabel">结账时间</td>
				<td>2018-04-26 14:50:38</td>
			</tr>
			<tr>
				<td class="tlabel">支付方式</td>
				<td>微支付</td>
				<td class="tlabel">订单金额</td>
				<td>&yen; 46.00</td>
			</tr>
		</table>

		<p>订单菜品详情</p>

		<table class="table">
			<thead>
			<tr>
				<th>标题</th>
				<th>图片</th>
				<th>单价</th>
				<th>数量</th>
				<th>总价</th>
			</tr>
			</thead>
			<tbody>
			<tr>
				<td>黄焖鸡</td>
				<td><img src="images/dishes01.jpg" height="20" alt></td>
				<td>13</td>
				<td>1</td>
				<td>13</td>
			</tr>
			<tr>
				<td>土豆焖鸡</td>
				<td><img src="images/dishes02.jpg" height="20" alt></td>
				<td>15</td>
				<td>1</td>
				<td>15</td>
			</tr>
			<tr>
				<td>青椒牛肉</td>
				<td><img src="images/dishes03.jpg" height="20" alt></td>
				<td>18</td>
				<td>1</td>
				<td>18</td>
			</tr>
			</tbody>
		</table>

		<br>

		<div class="text-center">
			<a class="btn btn-outline-primary" href="javascript:history.back()">
				<i class="fa fa-fw fa-lg fa-rotate-left"></i>返回
			</a>
		</div>

	</div>
	<!-- /.tile -->
</div>
<!-- /.container-fluid -->

<!-- Essential javascripts for application to work-->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- Page specific javascripts-->

</body>
</html>